<template>
  <div class="body">
      <div class="banner1">
          <img src="https://res4.vmallres.com/shopdc//pic/2022411/ddc9fad0-acfb-4571-84c2-665f628fbd6b.png" alt="">
      </div>
      <div class="banner2">
        <img src="https://res1.vmallres.com/shopdc//pic/2022326/0ede1fd1-5706-4863-8fc3-c450c4d7b8c0.png" alt="">
      </div>
      <div class="banner3">
          <img src="https://res6.vmallres.com/shopdc//pic/202242/7f9c86d5-1bb0-4f60-86b9-8739d03ab0f3.png" alt="">
      </div>
      <div class="banner4">
          <img src="https://res4.vmallres.com/shopdc//pic/20211223/982eefe3-c64b-4ab6-924a-c2a2ed5b6417.jpg" alt="">
      </div>
      <div class="banner5">
          <img src="https://res8.vmallres.com/shopdc//pic/202242/071ec9ae-2e07-4558-8c05-3e11ec30c82a.png" alt="">
      </div>
      <div class="banner6">
          <img src="https://res1.vmallres.com/shopdc//pic/2022419/993d539d-4bad-4bd7-97ed-6ebe4e59c99b.jpg" alt="">
      </div>
    <div class="banner7">
        <img src="https://res1.vmallres.com/shopdc//pic/2022325/e1b7219c-a8f2-4dff-ba05-979af8e69dc1.png" alt="">
    </div>
  </div>

</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
body{
    width: 4.14rem;
    .banner1{
    width: 4.14rem;
    height: 7.62rem;
    
   
}
 img{
    width: 100%;
    height: 100%;
    }
.banner2{
    width: 4.14rem;
    height: 5.36rem;
}
.banner3{
    width:4.14rem;
    height: 3.55rem;
}
.banner4{
    width: 4.14rem;
    height: 6.23rem;
}
.banner5{
    width: 4.14rem;
    height: 4.49rem;
}
.banner6{
    width: 4.14rem;
    height:3.68rem;
}
.banner7{
    width: 4.14rem;
    height: 0.61rem;
    font-size: 0.16rem;
    img{
    width: 100%;
    height: 100%;
    }
}
}

</style>
